<div id="main_wrapper" class="container-fluid" >
    <div id="myCarousel" class="carousel slide">
        <div class="carousel-inner">
            <div class="item active">
                <img src="assets/images/nogin-main.jpg" alt="">
                <div class="container">
                    <div class="carousel-caption">
                        <h1>Example headline.</h1>
                        <p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                        <div id="auth-loggedout" onclick="fbLogin()">
                            <div class="fb-login-button">
                                <button class="rounded Button hasText Module large ajax btn unAuthFacebookConnect registerLoginButton" type="button">
                                    <fb:login-button show-faces="true" max-rows="1" size="large"></fb:login-button>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="item">
                <img src="assets/images/nogin-main.jpg" alt="">
                <div class="container">
                    <div class="carousel-caption">
                        <h1>Another example headline.</h1>
                        <p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                        <div id="auth-loggedout" onclick="fbLogin()" >
                            <div class="fb-login-button">
                                <button class="rounded Button hasText Module large ajax btn unAuthFacebookConnect registerLoginButton" type="button">
                                    <span class="buttonText">Login with Facebook</span>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="item">
                <img src="assets/images/nogin-main.jpg" alt="">
                <div class="container">
                    <div class="carousel-caption">
                        <h1>One more for good measure.</h1>
                        <p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                        <div id="auth-loggedout" onclick="fbLogin()">
                            <div class="fb-login-button">
                                <button class="rounded Button hasText Module large ajax btn unAuthFacebookConnect registerLoginButton" type="button">
                                    <fb:login-button show-faces="true" max-rows="1" size="large"></fb:login-button>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
        <a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>
    </div><!-- /.carousel -->

    <div class="container marketing">

        <!-- Three columns of text below the carousel -->
        <div class="row-fluid">
            <div id="auth-loggedout" onclick="fbLogin()" style="display: none;">
                <div class="fb-login-button">
                    <button class="rounded Button hasText Module large ajax btn unAuthFacebookConnect registerLoginButton" type="button">
                        <span class="buttonText">Login with Facebook</span>
                    </button>
                </div>
            </div>
        </div><!-- /.row -->


        <!-- START THE FEATURETTES -->

        <hr class="featurette-divider">

        <div class="featurette">
            <img class="featurette-image pull-right" src="../assets/img/examples/browser-icon-chrome.png">
            <h2 class="featurette-heading">First featurette headling. <span class="muted">It'll blow your mind.</span></h2>
            <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
        </div>

        <hr class="featurette-divider">

        <div class="featurette">
            <img class="featurette-image pull-left" src="../assets/img/examples/browser-icon-firefox.png">
            <h2 class="featurette-heading">Oh yeah, it's that good. <span class="muted">See for yourself.</span></h2>
            <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
        </div>

        <hr class="featurette-divider">

        <div class="featurette">
            <img class="featurette-image pull-right" src="../assets/img/examples/browser-icon-safari.png">
            <h2 class="featurette-heading">And lastly, this one. <span class="muted">Checkmate.</span></h2>
            <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
        </div>

        <hr class="featurette-divider">

        <!-- /END THE FEATURETTES -->

    </div><!-- /.container -->
</div>